<template>
    <div class="body">
        <headerView ref="header" systemName="赵县中医院OA系统" />
        <el-container>
            <leftView ref="leftView" />
            <div class="main_box">
                <headerNav ref="headerNav" v-if="navMenuList.length > 0" />
                <keep-alive>
                    <router-view></router-view>
                </keep-alive>
            </div>
        </el-container>
    </div>
</template>
<script>
import headerView from "@/components/header.vue";
import leftView from "@/components/payment/leftPaymentMenu.vue";
import headerNav from "@/components/headerNav.vue";
import { mapState } from 'vuex';

export default {
    name: "Index",
    components: {
        headerView,
        leftView,
        headerNav,
    },
    data() {
        return {
        };
    },
    computed: {
        ...mapState(['navMenuList']),
    },
    mounted() {
        // this.$refs.header.systemName="赵县中医院OA系统";
        this.$refs.header.homeIndexName = "paymentMainView";
        // console.log(this.$route);
    },
    methods: {
        openOrClose() {
            this.$refs.leftView.openOrClose()
        },

    },
};
</script>
<style scoped>
.body {
    background: white;
    height: 100vh;
}

body::-webkit-scrollbar {
    width: 0;
}

.main_box {
    /* width: 90%; */
    width: calc(100% - 300px);
    flex: 1;
    display: flex;
    flex-direction: column;
}
</style>